{% extends 'layout.html' %}

{% block conten %}

<div class="container">

    <div style="margin-bottom: 10px;">
        <a class="btn btn-success" href="/city/add/">
            <span class="glyphicon glyphicon-plus-sign" aria-hidden="true"></span>
            新建城市
        </a>
    </div>

    <div class="panel panel-default">
     <div class="panel-heading">
         <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>
         城市列表
     </div>

    <table class="table table-bordered">
      <thead>
        <tr>
          <th>ID</th>
          <th>LOGO</th>
          <th>名称</th>
          <th>人口</th>
        </tr>
      </thead>
      <tbody>
      {% for obj in queryset %}
        <tr>
          <th>{{ obj.id }}</th>
          <td>
              <img src="/media/{{ obj.img }}" style="height: 80px;">
          </td>
          <td>{{ obj.name }}</td>
          <td>{{ obj.count }}</td>
        </tr>
      {% endfor %}
      </tbody>
    </table>
  </div>
</div>
{% endblock %}


